Custom Events এবং Global Events ব্যবস্থাপনা

Framework7 এর Event Handling - ফ্রেমওয়ার্ক ৭ (Framework7) - Web Development

339

Framework7 এ Custom Events (কাস্টম ইভেন্ট) এবং Global Events (গ্লোবাল ইভেন্ট) ব্যবহার করে অ্যাপ্লিকেশনের লজিক নিয়ন্ত্রণ করা সহজ হয়। Custom Events আপনার তৈরি করা ইভেন্ট যা প্রয়োজন অনুযায়ী ট্রিগার করা যায়, আর Global Events হলো Framework7 দ্বারা সরবরাহকৃত ইভেন্ট যা অ্যাপের বিভিন্ন পর্যায়ে ঘটে।


Custom Events ব্যবহার করা

Custom Events কী

Custom Events এমন ইভেন্ট যা আপনি নিজে সংজ্ঞায়িত (define) করতে পারেন। উদাহরণস্বরূপ, আপনি যখন কোনো ডেটা লোড শেষ করবেন তখন একটি Custom Event ট্রিগার (trigger) করতে পারেন, এবং অ্যাপের অন্য অংশ সেই ইভেন্ট শোনার (listen) মাধ্যমে ব্যবস্থা নিতে পারে।

Custom Events তৈরি

Custom Event তৈরি করতে app.emit('ইভেন্ট-নাম', ডেটা) ব্যবহার করা হয়। এটি ইভেন্টটি ট্রিগার করবে এবং যেসব লিসনার ইভেন্টের জন্য অপেক্ষা করছে তারা এই ইভেন্ট পাবেন।

// ডেটা লোড হলে ইভেন্ট ট্রিগার
app.emit('dataLoaded', { items: [1, 2, 3] });

Custom Events শোনা

Custom Events শোনার জন্য app.on('ইভেন্ট-নাম', ক্যালব্যাক) ব্যবহার করতে হয়। ক্যালব্যাক ফাংশনে ইভেন্ট থেকে প্রাপ্ত ডেটা প্যারামিটার হিসেবে পাওয়া যায়।

app.on('dataLoaded', (data) => {
  console.log('Data received:', data.items);
});

Global Events ব্যবহার করা

Global Events কী

Global Events হলো Framework7-এর বিল্ট-ইন (built-in) ইভেন্ট, যা অ্যাপ্লিকেশনের বিভিন্ন ধাপ বা অ্যাকশনে ট্রিগার হয়। যেমন রাউট পরিবর্তন, পেজ ইনিট (init) ইত্যাদি।

Global Events শোনা

Global Events শোনার জন্য app.on('ইভেন্ট-নাম', ক্যালব্যাক) ব্যবহার করতে হয়, যেভাবে Custom Events শোনা হয়। পার্থক্য হলো ইভেন্টগুলো Framework7 নিজেই তৈরি এবং ট্রিগার করে।

// রাউট পরিবর্তন হলে ইভেন্ট শোনা
app.on('routeChange', (route) => {
  console.log('New Route:', route.url);
});

সারাংশ: Framework7 এ Custom Events ব্যবহার করে নিজস্ব ইভেন্ট সংজ্ঞায়িত ও শোনা যায়, আর Global Events ব্যবহার করে অ্যাপের বিল্ট-ইন ইভেন্টগুলোতে প্রতিক্রিয়া জানানোর সুযোগ মেলে। এটি অ্যাপের ভেতরে যোগাযোগ ও ডেটা প্রবাহ আরও সহজ এবং সংগঠিত করে।

Content added By
Promotion

Are you sure to start over?

Loading...